<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions">

<ui:composition template="/templates/admin/mainLayout.xhtml" xmlns:sec="http://www.springframework.org/security/tags">
	
	<ui:define name="windowTitle" >
		Dodaj nowy news
	</ui:define>
	
	<ui:define name="navigationBar">
		<a href="index.html">Panel administratora</a> <div class="breadcrumb_divider"></div>
		<a href="index.html">Newsy</a> <div class="breadcrumb_divider"></div> <a class="current">Dodaj nowy</a>
	</ui:define>
	
	<ui:define name="mainContent" >
		<h:form id="form">
		 <p:wizard flowListener="#{addNewsMB.onFlowProcess}" >
		 	<p:tab	id="fileuploadwizard" title="1. Wgraj obrazek">
		 		<p:messages showDetail="true" showSummary="true" closable="true" />
		 		<p:fileUpload label="Wybierz" fileUploadListener="#{addNewsMB.handleFileUpload}"  
			            auto="true" sizeLimit="9990000" update="@form" allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/>  
		 	</p:tab>
		 	<p:tab id="cropwizard" title="2. Przytnij">
		 	<p:messages showDetail="true" showSummary="true" closable="true" />
		 		<p:imageCropper value="#{addNewsMB.croppedImage}"  
                    image="#{addNewsMB.tmpFilenameSrc}"  
                    minSize="300,126" maxSize="300,126" /> 
		 	</p:tab>
		 	<p:tab id="textwizard" title="3. Wpisz treść">
		 		<p:messages showDetail="true" showSummary="true" closable="true" />
		 		<h:panelGrid columns="2">
			
					<h:outputLabel value="Tytuł:" />
					<p:tooltip for="title" value="Podaj tytuł" showEffect="fade" hideEffect="fade" />
					<p:inputText id="title" value="#{addNewsMB.news.title}" required="true" requiredMessage="Tytuł - pole jest wymagane" >
						<f:validateLength minimum="2" maximum="30" />
					</p:inputText>
					<p:message for="title" display="both" />
					
					<h:outputLabel value="Treść" />
					<p:tooltip for="content" value="Podaj tytuł" showEffect="fade" hideEffect="fade" />
					<p:editor id="content" value="#{addNewsMB.news.content}" required="true" requiredMessage="Treść - pole jest wymagane" />
					<p:message for="content" display="both" />
					
				</h:panelGrid>
		 	</p:tab>
		 	<p:tab id="endWizard" title="Zakończ">
		 		Wiadomość dodano pomyślnie.
		 	</p:tab>
		 </p:wizard>
		</h:form>	
	</ui:define>
	
	

</ui:composition>
</html>
